.color-4763de{color: #4763de;}
.color-666{color: #666;}
.color-999{color: #999;}
.color-fbc000{color: #fbc000;}

.logo img{width: 176px;height: 65px;}
.phone img{width: 103px;height: 68px;}



/* ======================= PC ================== */
@media screen and (min-width: 960px) {
    .bg-f6f6f6{background: #f6f6f6;}
    .bg-fff{background: #fff;}
    .mt-pc-a80{margin-top: -80px;}
    .fsize-pc-46{font-size: 46px;}
    .fsize-pc-56{font-size: 56px;}
    .nav a:hover{color: #4763de;font-weight: bold;}
    .nav .active{color: #4763de;font-weight: bold;}
    .head{position: fixed;top: 0px;left: 0;width: 100%;z-index: 11;background: #fff;border-bottom: 1px solid #666;}
    /* banner */
    #banner-swiper .banner-next{width: 90px;height: 90px; background: url(../images/banner-next.png) no-repeat 100% 100%;right: 50px;}
    #banner-swiper .banner-prev{width: 90px;height: 90px; background: url(../images/banner-prev.png) no-repeat 100% 100%;left:50px}
    #banner-swiper .banner-pagination .swiper-pagination-bullet{width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #fff;opacity: 1;}
    #banner-swiper .banner-pagination .swiper-pagination-bullet-active{width: 24px;height: 10px;display: inline-block;border-radius: 10px;background: #fff;}
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20%;}
    /* banner */
    /* 悬浮 */
    .suspension{border-radius: 28px; position:relative;top: -125px;z-index: 9;}
    .suspension .list{flex: 1;}
    .suspension .list:hover .list-title,.suspension .list:hover .list-text{color: #4763de;}
    .suspension .list-icon1{width: 75px;height: 63px;background: url(../images/xf-1-1.png) no-repeat 100% center;}
    .suspension .list:hover .list-icon1{background: url(../images/xf-2-1.png) no-repeat 100% center;}
    .suspension .list-icon2{width: 61px;height: 62px;background: url(../images/xf-1-2.png) no-repeat 100% center;}
    .suspension .list:hover .list-icon2{background: url(../images/xf-2-2.png) no-repeat 100% center;}
    .suspension .list-icon3{width: 63px;height: 63px;background: url(../images/xf-1-3.png) no-repeat 100% center;}
    .suspension .list:hover .list-icon3{background: url(../images/xf-2-3.png) no-repeat 100% center;}
    .suspension .list-icon4{width: 74px;height: 64px;background: url(../images/xf-1-4.png) no-repeat 100% center;}
    .suspension .list:hover .list-icon4{background: url(../images/xf-2-4.png) no-repeat 100% center;}
    .suspension .list-icon5{width: 64px;height: 63px;background: url(../images/xf-1-5.png) no-repeat 100% center;}
    .suspension .list:hover .list-icon5{background: url(../images/xf-2-5.png) no-repeat 100% center;}
    /* 悬浮 */
    /* 公告 */
    .gonggao{width: 53px;height: 26px;background: url(../images/gonggao.png) no-repeat ; background-size: 100% 100%;}
    /* 公告 */
    /* 全部公告 */
    .allgonggao{color: #4763de !important;}
    .allgonggao:hover{color: #4763de !important;text-decoration: underline;}
    /* 全部公告 */
    /* 互联网营销、新媒体运营 */
    .hlwyx,.xmtyy-pic{margin-left: 47%;}
    .xmtyy,.hlwyx-pic{margin-left: -58px;}

    .hlwyx span{border: 2px #4763de solid;padding:11px 32px }
    .hlwyx .hlwyx-title:hover,.hlwyx .hlwyx-text:hover{color: #4763de;}
    .hlwyx span:hover{background: #4763de;color: #fff;}

    .xmtyy span{border: 2px #4763de solid;padding:11px 32px }
    .xmtyy .xmtyy-title:hover,.xmtyy .xmtyy-text:hover{color: #4763de;}
    .xmtyy span:hover{background: #4763de;color: #fff;}

    /* 互联网营销、新媒体运营 */
    /* 我们的优势 */
    .wmdys{width: 100%;background: url(../images/wmdys.jpg) no-repeat;}
    .wmdys-word{margin-left: 47%;}
    .wmdys-list:hover .wmdys-list-title,.wmdys-list:hover .wmdys-list-text{color: #4763de;}
    /* 我们的优势 */

    /* 微博运营 */
    .wbyy{width: 100%;background: url(../images/wbyy.jpg) no-repeat 100% 100%;}
    .wbyy .list{padding: 36px 28px 58px;background: #fff;flex: 1;}

    .wbyy .list-icon1{width: 72px;height: 83px;background: url(../images/wbyy-1-1.png) no-repeat 100% center;}
    .wbyy .list1:hover {background:#4763de;}
    .wbyy .list1:hover .list-title, .wbyy .list1:hover .list-text {color: #fff;}
    .wbyy .list1:hover .list-icon1{background: url(../images/wbyy-2-1.png) no-repeat 100% center;}
    
    .wbyy .list-icon2{width: 81px;height: 85px;background: url(../images/wbyy-1-2.png) no-repeat 100% center;}
    .wbyy .list2:hover {background:#4763de;}
    .wbyy .list2:hover .list-title, .wbyy .list2:hover .list-text {color: #fff;}
    .wbyy .list2:hover .list-icon2{background: url(../images/wbyy-2-2.png) no-repeat 100% center;}

    .wbyy .list-icon3{width: 87px;height: 81px;background: url(../images/wbyy-1-3.png) no-repeat 100% center;}
    .wbyy .list3:hover {background:#4763de;}
    .wbyy .list3:hover .list-title, .wbyy .list3:hover .list-text {color: #fff;}
    .wbyy .list3:hover .list-icon3{background: url(../images/wbyy-2-3.png) no-repeat 100% center;}

    .wbyy .list-icon4{width: 64px;height: 82px;background: url(../images/wbyy-1-4.png) no-repeat 100% center;}
    .wbyy .list4:hover {background:#4763de;}
    .wbyy .list4:hover .list-title, .wbyy .list4:hover .list-text {color: #fff;}
    .wbyy .list4:hover .list-icon4{background: url(../images/wbyy-2-4.png) no-repeat 100% center;}

    .wbyy .list-icon5{width: 78px;height: 82px;background: url(../images/wbyy-1-5.png) no-repeat 100% center;}
    .wbyy .list5:hover {background:#4763de;}
    .wbyy .list5:hover .list-title, .wbyy .list5:hover .list-text {color: #fff;}
    .wbyy .list5:hover .list-icon5{background: url(../images/wbyy-2-5.png) no-repeat 100% center;}
    /* 微博运营 */
    /* 模板建站 */
    .mbjz-prev{width: 30px;height: 30px;background: url(../images/mbjz-prev.png) no-repeat;background-size: 100% 100%;}
    .mbjz-next{width: 30px;height: 30px;background: url(../images/mbjz-next.png) no-repeat;background-size: 100% 100%;}
    .mbjz-swiper .pc{width: 100%;height: 238px; background: url(../images/pc.png) no-repeat;background-size: 100% 100%;}
    .mbjz-swiper .pc .see{display: none; top: 3%;left: 3%;right: 3%;bottom: 30%;background: rgba(0,0,0,.5);}
    .mbjz-swiper .pc:hover .see{display: block; top: 3%;left: 3%;right: 3%;bottom: 30%;background: rgba(0,0,0,.5);}
    /* 模板建站 */
    /* 相关知识 */
    .xgzs-xmtyy{width: 100%; background: url(../images/xgzs-xmtyy.jpg) no-repeat;background-size: 100% 100%;}
    .xgzs-wbpx{width: 100%; background: url(../images/xgzs-wbpx.jpg) no-repeat;background-size: 100% 100%;}
    .xgzs-xdspx{width: 100%; background: url(../images/xgzs-xdspx.jpg) no-repeat;background-size: 100% 100%;}
    .xgzs .kuai{width: 6px;height: 6px;background: #4763de;}
    /* 相关知识 */
    /* 底部 */
        .foot{background: rgba(0,0,0,.65);}
    /* 底部 */
    /* tel */
    .tel{background: #061455;position: fixed;width: 100%;bottom: 0;left: 0;z-index: 10;}
    .tel .phone{width: 40px;height: 44px;background: url(../images/phone.png) no-repeat; background-size: 100% 100%;}
    .tel .submit{padding: 12px 42px 10px;background: #fbc000;}
    .tel form{display: flex;}
    .tel form input{flex:1;width:20%;}
    /* tel */
}
/* ======================= mobile ================== */
@media screen and (max-width: 960px) {
    /* .logo img{width: 176px;height: 65px;}
    .phone img{width: 103px;height: 68px;} */
    .tel form{display: flex;}
    .tel form input{flex:1;width:20%;text-align: center;}
}